<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="iso-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Facultad de Derecho</title>
<link href="css/bootstrap.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<style>
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
</style>
<script>
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
    var msViewportStyle = document.createElement("style")
 
    msViewportStyle.appendChild(
        document.createTextNode(
            "@-ms-viewport{width:auto!important}"
        )
    )
 
    document.getElementsByTagName("head")[0].appendChild(msViewportStyle)
}
</script>
<link href="css/styles.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
<!-- Favicons -->


</head>
<body>
	<div class="container">
		<?php include_once('includes/header.php'); ?>
        
        <nav class="MenuSector">
        	<div class="pull-left">
                <a class="location" href="#">Internacionales</a>
            </div>
        	<ol class="breadcrumb pull-right hidden-xs">
                <li><a href="#">Home</a></li>
                <li><a href="#">Internacionales</a></li>
                <li class="active">Convenios nternacionales</li>
            </ol>
            <div class="clearfix"></div>
        </nav>
        
        <section class="row">
            <div class="col-lg-3 col-md-3 col-sm-4 menu_izq">
            <p>cabecera</p>
                <nav>
                    <a href="#">Informaci&oacute;n general</a>
                    <a href="#">Convenios Internacionales</a>
                    <a href="#">Becas y Estudios de Posgrado en el extranjero</a>
                    <a href="#">Novedades</a>
                    <a href="#">Preguntas frecuentes</a>
                    <a href="#">Links recomendados</a>
                </nav>
            </div>
            <div class="col-lg-7 col-md-7 col-sm-8">
            	<div class="row">
                	<div class="col-sm-6 col-md-6">
						<div class="box-image">
                        	<img src="images/aspirantes-extranjeros.jpg" alt="..." class="img-responsive">
                            <div class="caption">
								<h3><a href="#">Aspirantes extranjeros</a></h3>
       						  	<p>Informaci&oacute;n &uacute;til para graduados o estudiantes de grado en alguna universidad extranjera, interesados en vivir la experiencia de cursar materias en la Facultad de Derecho.<br /><br /></p>
							</div>
    					</div>
  					</div>
                    <div class="col-sm-6 col-md-6">
						<div class="box-image">
      						<img src="images/alumnos.jpg" alt="..." class="img-responsive">
      						<div class="caption">
        						<h3><a href="#">Alumnos</a></h3>
        						<p>La Subsecretar&iacute;a dise&ntilde;a programas internacionales para los estudiantes de la Facultad de Derecho, con la convicci&oacute;n de que este tipo de experiencias enriquecen la formaci&oacute;n universitaria.</p>
   						  	</div>
    					</div>
  					</div>
                    </div>
                    <div class="row">
                	<div class="col-sm-6 col-md-6">
						<div class="box-image">
      						<img src="images/docentes.jpg" alt="..." class="img-responsive">
      						<div class="caption">
        						<h3><a href="#">Docentes e Investigadores</a></h3>
        						<p>Nos proponemos proporcionarle la mayor cantidad de oportunidades de perfeccionamiento en el extranjero a los Docentes e Investigadores de la Facultad.<br /><br /></p>
   						  	</div>
    					</div>
  					</div>
                    <div class="col-sm-6 col-md-6">
						<div class="box-image">
      						<img src="images/graduados.jpg" alt="..." class="img-responsive">
      						<div class="caption">
        						<h3><a href="#">Graduados</a></h3>
        						<p>Hemos pensado este espacio para mantener informados a los graduados sobre diferentes convocatorias y brindar informaci&oacute;n y asesoramiento respecto a consultas sobre legalizaciones y certificaciones del t&iacute;tulo.</p>
   						  	</div>
    					</div>
  					</div>
				</div>
            </div>
            <div class="col-lg-2 col-md-2 hidden-sm">
            	<div class="box-info">
                	<h4><a href="#">Noticias relacionadas</a></h4>
                    <p>Praesent fermentum, justo eu lobortis ornare, mi enim gravida massa.</p>
                </div>
                <div class="box-info">
                	<h4><a href="#">Noticias relacionadas</a></h4>
                    <p>Praesent fermentum, justo eu lobortis ornare, mi enim gravida massa.</p>
                </div>
            </div>
        </section>
                
    </div>
    
    <?php include_once('includes/footer.php'); ?>

    <!-- Situado al final del documento para que la página se cargue más rápido -->
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/holder.js"></script>
</body>
</html>
